<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<style type="text/css">
	.custom-search-body{
		padding: 20px 30px 0px 0px;
		overflow: visible;
	}
	.custom-search-body label{
		margin-bottom: 0;
	}
	.custom-search-body select{
		/* position: relative;
		left: -3px; */
	}
	.search-option {
		display: inline-block;
		width: 92px;
		color: #666;
		font-family: 宋体;
		font-size: 14px;
		float: left;
		height: 30px;
		line-height: 30px;
		white-space:nowrap;
		margin-bottom: 10px;
		overflow:hidden;
		text-overflow:ellipsis;
	}
	.custom-search-body td{
		padding: 7px;
		border: 0;
		position: relative;
	}
	.data-picker {
		width: 209px!important;
	    height: 32px!important;
	    margin: 0px!important;
	    padding: 0px 0px 0px 8px!important;
	}
	.Wdate{
		border:#999 1px solid;
		height:20px;
		background: url(script/My97DatePicker/skin/dataPicker.png) no-repeat 187px center;
	}
	.WdateDiv{
		width:209px ;
		background-color:#FFFFFF;
		border:#bbb 1px solid;
		padding:2px;
	}
</style>
<div class="container-fluid">
	<div class="row-fluid">
		<div class="span12">
			<ul class="breadcrumb">
				<li><span class="c-999">监控管理<i
					class="icon-angle-right"></i></span>
				</li>
				<li><a class="c-666" onclick="util.showContent('pages/basic/batteryLog.jsp')">上下电日志</a></li>
			</ul>
		</div>
	</div>

	<div class="search-box">
		<div class="search-title">
			<span class="search-criteria c-666">&nbsp;查询条件</span>
		</div>
		<div class="custom-search-body">
		<form id="customer_search_form">
			<table class="table" style="width:800px;">
			<tr>
				<td>
					<span class="search-option al-right">客户名称：</span>
					<select id="id_cusName" class="my-select" style="width:200px">
							<option value = ""></option>
					</select>
				</td>
				<td>
					<span class="search-option al-right">电池ID：</span>
					<select id="id_packCode" class="my-select" style="width:200px">
						<option value = ""></option>
					</select>
				</td>
				<td></td>
			</tr>
			<tr>
				<td>
					<span class="search-option al-right">开始时间：</span>
					<input id="gatherTime_start" class="data-picker Wdate enterSearch" type="text" onClick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',maxDate:'%y-%M-%d'})"/>
				</td>
				<td>
					<span class="search-option al-right">结束时间：</span>
					<input id="gatherTime_end" class="data-picker Wdate enterSearch" type="text" onClick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',maxDate:'%y-%M-%d'})"/>
				</td>
				<td>
					<select id="shortcut_time"  class="my-select enterSearch" style="height: 34px;">
                        <option value="5">快捷时间</option>
                        <option value="0">昨天</option>
                        <option value="1">上周</option>
                        <option value="2">上月</option>
                        <option value="3">上季度</option>
                        <option value="4">去年</option>
                    </select>
				</td>
			</tr>
			</table>
		</form>
		</div>
		<ul class="search-button">
			<li><button class="btn blue" id="btn_query">查&nbsp;&nbsp;询</button></li>
			<li><button class="btn blue" id="btn_reset">重&nbsp;&nbsp;置</button></li>
		</ul>
	</div>
	<div id="logBox">
	<div class="table-con">
		<div class="table-head">
			&nbsp;&nbsp;&nbsp;<i class="icon-reorder"></i>&nbsp;列表详情
		</div>
		<div class="list-body">
			<div class="portlet-body">
				<p>
					<button id="log_table_exp" class="btn blue ">
							导&nbsp;&nbsp;出
					</button>
				</p>
			</div>
			<div class="table-responsive">
				<table class="table table-striped table-hover table-bordered"
					id="log_table">
					<thead>
						<tr>
							<th  class="sorting_asc_disabled" style="width:35px;">
							序号
							</th>
							<th class="fourMinWidth">电池ID</th>
							<th class="fourMinWidth">采集终端ID</th>
							<th class="fourMinWidth">所属客户</th>
							<th class="fourMinWidth">上电时间</th>
							<th class="fourMinWidth">下电时间</th>
							<th class="fourMinWidth">运行时长</th>
							<!-- <th class="fourMinWidth">报警次数</th> -->
						</tr>
					</thead>
					<tbody>
					</tbody>
				</table>
			</div>
		</div>
	</div>
	</div>

	
	
</div>		
<!-- 查看详情 end -->	
<!-- 模态窗口 str -->
<jsp:include page="/pages/common/modal.jsp"></jsp:include>

<script type="text/javascript" src="pages/system/js/batteryLog.js"></script>

<script src="media/js/ui-modals.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function() {
		batteryLogTable.init();
		UIModals.init();
	});
</script>

